<template>
  <div class="app-container">
    <div class="title">账号设置</div>
    <div class="content">
      <el-tabs v-model="activeName" >
        <el-tab-pane label="公司信息" name="first">
          <Company/>
        </el-tab-pane>
        <el-tab-pane label="资质认证信息" name="second">
          <Qualification/>
        </el-tab-pane>
        <el-tab-pane label="注册信息" name="third">
          <Registration/>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import Company from './components/company'
import Qualification from './components/Qualification'
import Registration from './components/Registration'

export default {
  components: {
    Company,
    Qualification,
    Registration
  },
  data() {
    return {
      activeName: 'first'
    }
  },
}
</script>

<style scoped>
.line{
  text-align: center;
}
.el-tabs__item {
  font-size: 18px!important;
}
  .el-tabs__item {
    font-size: 18px!important;
  }
</style>
<style rel="stylesheet" scoped lang="scss">
  .app-container {
    font-family:MicrosoftYaHei;
  }
 .title {
font-size:20px;
color:rgba(51,51,51,1);
line-height:20px;
 }
  .content {
    background-color: #fff;
    min-height: 550px;
    margin-top: 30px;
    padding: 30px 30px 46px 30px;
  }
</style>

